<!--<p>意见反馈</p>-->
<div class="animated fadeIn">
    <div class="row" style="padding-left: 20px">
        <div class="col-md-2" style="padding: 0;margin-left: 15px">
            <select name="name" id="select1" class="form-control" [(ngModel)]="states" (change)="keyChanges()">
                <option value="">全部</option>
                <option value="1">手机号</option>
                <option value="2">反馈人昵称</option>
            </select>
        </div>

        <div class="col-md-3" style="padding: 0;margin-left: 15px">
            <input *ngIf="states == ''" type="text" class="form-control btn-radius">
            <input *ngIf="states == 1" type="text" class="form-control btn-radius"
                   [(ngModel)]="phone">
            <input *ngIf="states == 2" type="text" class="form-control btn-radius"
                   [(ngModel)]="nickname">
        </div>

        <div class="col-md-2" style="padding: 0;margin-left: 15px">
            <select name="name" id="select4" class="form-control" [(ngModel)]="keys">
                <option value="">状态</option>
                <option value="0">已读</option>
                <option value="1">未读</option>
            </select>
        </div>


        <div class="col-md-1">
            <button class="btn btn-radius btn-primary" (click)="getData()">查询</button>
        </div>
    </div>


    <div class="table-responsive" style="margin-top: 20px">
        <table class="table table-center table-bordered table-hover" style="min-width: 0px">
            <thead class="table-inverse">
            <tr class="text-nowrap">
                <td>序号</td>
                <td>反馈人昵称</td>
                <td>反馈人手机号</td>
                <td>反馈内容</td>
                <td>反馈时间</td>
                <td>状态</td>
                <td>操作</td>
            </tr>
            </thead>
            <tbody class="tab-content">
            <tr *ngFor="let item of dataArr let i = index">
                <td>{{i+1}}</td>
                <td>{{item['member_id']['nickname']}}</td>
                <td>{{item['member_id']['phonenum']}}</td>
                <td>{{item.content}}</td>
                <td>{{item.add_time}}</td>
                <td>
                    <span *ngIf="item.Feedback_state == 0">已读</span>
                    <span *ngIf="item.Feedback_state !== 0">未读</span>
                </td>
                <td>
                    <span *ngIf="item.Feedback_state !== 0" class="removeBtn" (click)="readings(item.id)">阅读</span>
                    <span *ngIf="item.Feedback_state == 0">——</span>
                </td>
            </tr>
            </tbody>
        </table>
        <p *ngIf="isNodata" class="noneData">暂无数据</p>
        <!--分页组件-->

        <div style="float: right">
            <pagination [boundaryLinks]="true" [totalItems]="totalItems" [(ngModel)]="currentPage" itemsPerPage="10"
                        [maxSize]="maxSize" previousText="上一页" nextText="下一页" firstText="首页" lastText="末页"
                        (pageChanged)="pageChanged($event)"></pagination>
        </div>
    </div>
</div>